<style>
	.main {
		background: white;
		padding: 10px;
		box-sizing: border-box;
	}
</style>
<div id="todos" class="module">
	<div class="main">
		<input type="checkbox" name="check_all" id="check_all" value="全选" />
		<input type="text" name="todo" id="todo_content" value="" />
		<input type="button" name="add_todo_btn" id="add_todo_btn" value="添加" />
		<div id="todolis_div">
			<ul>
				<!--<li>
					<input type="radio" name="todo_radio" class="todo_radio" checked="checked"/>
					<span>哈哈哈</span>
					<span>2016-11-11 10:36</span>
				</li>-->
			</ul>
			<div class="opertion" style="display: none;">
				<span>还剩<span class="remain_sum"></span></span>
				<input type="button" name="showAll" id="showAll" value="查看全部" />
				<input type="button" name="active_btn" id="active_btn" value="代办" />
				<input type="button" name="complete" id="complete" value="已完成" />
				<input type="button" name="clear_all" id="clear_all" value="删除全部" style="display: none;" />
			</div>
		</div>
	</div>
</div>

<script type="text/template" id="todo_tpl">
		<input type="checkbox" name="check_single" <%=item.done==true? "checked": "" %> class="check_single" data-value=<%=item.todo_id%> >
		<span><%= item.title %></span>
		<!--<span><%= item.todo_date %></span>-->
		<span class="delete_single" data-value=<%=item.id%>>删除</span>
</script>